<!doctype HTML>
<style>
#child {
  position: relative;
}
</style>
<div style="backface-visibility: hidden;">
  <div id="target">
    <div id="child"></div>
    <div style="position: relative;">
      <span id="myspan">gone!</span>
    </div>
  </div>
</div>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
function runTest() {
  var content = document.createElement("span");
  var div = document.createElement("div");
  div.appendChild(content);
  div.id = "child";
  target.replaceChild(div, child);
}

onload = function() {
  runAfterLayoutAndPaint(runTest, true);
};
</script>
